<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="button" value="按钮" onclick="f1()">
    <script>
        /* 1.无参无返回值 */
        function f1() {
            console.log("f1");
        }
        //调用
        f1();

        /* 2.有参无返回值 */
        function f2(name,age) {
            console.log(name+":"+age);
        }
        //调用
        f2("马可波罗",30);

        /* 3.无参有返回值 */
        function f3() {
            return "我是返回值!";
        }
        //接收返回值
        let info = f3();
        console.log(info);

        /* 4.有参有返回值 */
        function f4(x,y) {
            return x * y;
        }
        let result = f4(9,9);
        console.log(result);

        //第二种声明方法的方式
        let f5 = function (name,age) {
            console.log(name+":"+age);
        }
        f5("西施",22);

        //第三种声明方法的方式
        let f6 = new Function("name","age","console.log(name+':'+age)");
        f6("吕布",50);
    </script>
</body>
</html>